<!--
    this example is from: http://build-failed.blogspot.com/2012/11/zoomable-image-with-leaflet.html
-->
<html>
<head>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
    <![endif]-->
</head>
<body>
<div id="map" style="width: 500px; height: 500px"></div>

<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>

<script>
    var map = L.map('map').setView([0, 0], 1);
    L.tileLayer('http://psousa.net/demos/zoom-images/eso/{z}/{x}/{y}.jpg', {
        minZoom: 1,
        maxZoom: 6,
        attribution: 'ESO/INAF-VST/OmegaCAM',
        tms: true
    }).addTo(map);
</script>
</body>
</html>